<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>收货人信息表单</title>
  <style>
    form {
      width: 40%;
      margin: 20px auto;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }

    label {
      display: block;
      margin-top: 10px;
      font-weight: bold;
    }

    input[type="text"],
    input[type="tel"],
    textarea {
      width: 100%;
      padding: 8px;
      margin-top: 5px;
      border: 1px solid #0000ff;
      border-radius: 4px;
      resize: vertical;
    }

    input[type="text"]:focus,
    input[type="tel"]:focus,
    textarea:focus {
      border-color: red;
      outline: none;
    }

    button {
      padding: 10px 20px;
      margin-top: 20px;
      border: none;
      border-radius: 4px;
      background-color: #007bff;
      color: white;
      cursor: pointer;
    }

    button:hover {
      background-color: #0056b3;
    }

    .radio-inline {
      display: inline-block;
      margin-right: 10px; 
      font-weight: normal; 
    }

    
  </style>
</head>

<body>

  <form>
    <p>
      <label for="consignee">收货人:</label>
      <input type="text" id="consignee" name="consignee">
    </p>
    <p>
      <label for="phone">手机号码:</label>
      <input type="tel" id="phone" name="phone">
    </p>
    <p>
      <label for="location">所在地区:</label>
      <input type="text" id="location" name="location">
    </p>
    <p>
      <label for="address">详细地址:</label>
      <textarea id="address" name="address"></textarea>
    </p>
    <p>
      <label class="radio-inline"><input type="radio" id="home" name="tag" value="home"> 家</label>
      <label class="radio-inline"><input type="radio" id="company" name="tag" value="company"> 公司</label>
      <label class="radio-inline"><input type="radio" id="school" name="tag" value="school"> 学校</label>
    </p>
    <label for="default-address">
      <input type="checkbox" id="default-address" name="default-address">
      设置为默认地址
    </label>
    <button type="submit">提交</button>
  </form>

</body>

</html>